<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#transitionbox{
				width: 100px;
				height: 100px;
				background-image: url(images/u=2206373597,60564851&fm=11&gp=0.jpg);/* 设置背景图片 */
				/* 横向拉伸动画效果 */
				/* transition: 0.1s;/* 时间 */ */
			}
			#transitionbox:hover{
				/* 鼠标移入出发动画执行 */
				padding-left: 200px;
				/* width: 1920px;
				height: 1080px; */
			}
		</style>
	</head>
	<body>
		<h3>拉伸盒子动画效果</h3>
		<h5>transition 他有两个参数：拉伸方向width，动画执行时间</h5>
		<div id="transitionbox">
			
		</div>
		
	</body>
</html>
